<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link type="text/css" rel="stylesheet" href="{{ url_for('static',filename='bootstrap/css/bootstrap.css') }}">
    <script type="text/javascript" src="{{ url_for('static',filename='js/jquery-1.12.4.min.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static',filename='bootstrap/js/bootstrap.min.js') }}"></script>
    {% block page_css %}{% endblock %}
    {% block page_jq %}{% endblock %}
</head>
<body>

<nav class="navbar navbar-default navbar-inverse ">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <a class="navbar-brand" href="#">淘票票</a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">电影 <span class="sr-only">(current)</span></a></li>
        <li><a href="#">音乐</a></li>
        <li class="dropdown">
          <a href="#" class="btn dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true"> <span class="glyphicon glyphicon-align-justify"></span></a>
          <ul class="dropdown-menu ">
            <li class="bg-primary" ><a href="#" >同城</a></li>
            <li role="separator" class="divider"></li>
            <li class="bg-success"><a href="#">小组</a></li>
            <li role="separator" class="divider"></li>
            <li class="bg-info"><a href="#">聊天</a></li>
            <li role="separator" class="divider"></li>
            <li class="bg-warning"><a href="#">读书</a></li>

          </ul>
        </li>
      </ul>

      <ul class="nav navbar-nav navbar-right">
{#        {% if request.user.is_authenticated %}#}
{#            <li><a>{{ request.user.username }}用户</a></li>#}
{#            <li><a href="#">退出登录</a></li>#}
{#        {% else %}#}
{#            <li><a href="#">登录</a></li>#}
{#            <li><a href="#">注册</a></li>#}
{#        {% endif %}#}

{#      {% if request.user.is_authenticated %}#}
        <li class="dropdown">
          <a href="#" class="dropdown-toggle glyphicon glyphicon-user" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">用户详情<span class="caret"></span></a>
          <ul class="dropdown-menu bg-danger">
            <li><a href="#">用户名</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">我的收藏</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">注册Vip会员</a></li>
          </ul>
        </li>
{#      {% endif %}#}
      </ul>
    </div><!-- /.navbar-collapse -->

  </div><!-- /.container-fluid -->
</nav>

{% block page_head %}{% endblock %}
{% block page_main %}{% endblock %}
{% block page_footer %}{% endblock %}
</body>
</html>